<template>
  <div>
    <!-- 这里开始写HTML结构 -->
    <div>哈哈哈哈</div>
    <div>W：我修改了东西</div>


    <div>嘻嘻嘻哈哈哈</div>
    <p>啥玩意，改这么点东西</p>
    <div class="red">我是红</div>
    <div>冲突呀</div>
    <div>我又该了</div>
<!-- 新增数据 -->
    <h2>{{$store.state.name}}</h2>


    <router-view></router-view>
    <layout aaa="xxx" @song="fatherFun"></layout>
  </div>
</template>

<script>
import layout from "@/views/layout/layout.vue";
export default {
  components: {
    layout
  },
  data() {
    return {};
  },
  methods: {
    fatherFun(val) {
      alert(val);
    }
  }
};
</script>

<style>
/* 这里开始写css样式 */

.red{
  width: 100px;
  height: 100px;
  color: red;
}

</style>
